<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>huawei</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.min.css">
    <style>
        body {
            position: relative;
        }

        a:hover {
            text-decoration: none;
        }

        * {
            box-sizing: content-box;
        }
    </style>



</head>

<body>
    <!-- 头部导航 -->
    <div id="header_wrap">
        <div id="header">
            <ul class="headerleft">
                <li><a href="http://localhost/huawei/index.html">首页</a><span>|</span></li>
                <li><a href="javascript:;">华为官网</a><span>|</span></li>
                <li><a href="javascript:;">荣耀官网</a><span>|</span></li>
                <li><a href="javascript:;">花粉俱乐部</a><span>|</span></li>
                <li><a href="javascript:;">V码（优购码）</a><span>|</span></li>
                <li><a href="javascript:;">企业购</a><span>|</span></li>
                <li><a href="javascript:;">Select Region</a><span>|</span></li>
            </ul>

            <div class="jingcaixiala">
                <a href="javascript:;" class="more">更多精彩</a>
                <span class="icon iconfont icon-icon-test3"></span>
                <span class="icon iconfont icon-icon-test2"></span>
                <ul>
                    <li><a href="javascript:;">EMUI</a></li>
                    <li><a href="javascript:;">应用市场</a></li>
                    <li><a href="javascript:;">华为终端云空间</a></li>
                    <li><a href="javascript:;">开发者联盟</a></li>
                </ul>
            </div>
            <div class="space">

            </div>
            <ul class="headerright">
                <li class="relogin">
                    <a href="javascript:;" class="loginlink" data-toggle="modal" data-target="#myModal">请登录</a>
                    <b></b>
                    <a href="http://localhost/huawei/zhuce.html">注册</a>
                </li>
                <li>
                    <span>|</span>
                </li>
                <li>
                    <a href="javascript:;">我的订单</a>
                </li>
                <li>
                    <span>|</span>
                </li>
                <li>
                    <a href="javascript:;">客户服务</a>
                    <span class="icon iconfont icon-icon-test3"></span>
                    <span class="icon iconfont icon-icon-test2"></span>
                    <ul>
                        <li><a href="javascript:;">服务中心</a></li>
                        <li><a href="javascript:;">联系客服</a></li>
                    </ul>
                </li>
                <li>
                    <span>|</span>
                </li>
                <li>
                    <a href="javascript:;">网站导航</a>
                    <span class="icon iconfont icon-icon-test3"></span>
                    <span class="icon iconfont icon-icon-test2"></span>
                    <ul>
                        <li><a href="javascript:;">服务中心</a></li>
                        <li><a href="javascript:;">联系客服</a></li>
                    </ul>
                </li>
                <li>
                    <span>|</span>
                </li>
                <li>
                    <a href="javascript:;">手机版</a>
                    <span class="icon iconfont icon-icon-test3"></span>
                    <span class="icon iconfont icon-icon-test2"></span>
                    <ul>
                        <li><img src="img/huaweierweima.jpg"></li>
                        <li><img src="img/huawei1.png"></li>
                        <li><img src="img/huawei2.jpg"></li>
                    </ul>
                </li>
            </ul>
            <div class="shoppingcar">
                <a href="javascript:;">购物车</a>
                <ul>

                </ul>

            </div>
        </div>
    </div>
    <!-- 顶部菜单 -->
    <div id="menu">
        <h1><img src="https://res.vmallres.com/pimages//common/config/logo/SXppnESYv4K11DBxDFc2.png"
                alt="Vmall.com - 华为商城"></h1>
        <ul>
            <li><a href="javascript:;"><img
                        src="https://res.vmallres.com/pimages//navigation/icon/GrguiqzHENWVYHYWyHBM.png"></a></li>
            <li><a href="javascript:;"><img
                        src="https://res.vmallres.com/pimages//navigation/icon/AHwTUFRpDSQyuIZ7tLJz.png"></a></li>
            <li><a href="javascript:;">华为P30</a></li>
            <li><a href="javascript:;">荣耀20i</a></li>
            <li><a href="javascript:;">Mate20系列</a></li>
            <li><a href="javascript:;">荣耀V20</a></li>
        </ul>
        <form action="">
            <input type="text">
            <button style="height: 30px"><span class="icon iconfont icon-icon-test1"></span></button>
        </form>
    </div>
    <!-- 轮播图 点击跳转商品列表页-->
    <div id="banner">
        <ul>
            <li>
                <div>
                    <a href="javascript:;">手机</a>
                    <a href="javascript:;">荣耀</a>
                    <a href="javascript:;">HUAWEI P系列</a>
                </div>
                <ul>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/qzix1hjR1Gu04VZEM3MV.png">
                            <span>荣耀1</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/17h6tCgtN1qZWmbWV6kJ.png">
                            <span>HUAWEI P系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/1jCsRl3lu5mrqD4Oy37d.png">
                            <span>HUAWEI Mate系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/rPzFyIRhovqmj0xTAHRJ.png">
                            <span>荣耀畅玩系列</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <div>
                    <a href="javascript:;">笔记本&平板</a>
                    <a href="javascript:;">平板电脑</a>
                    <a href="javascript:;">笔记本电脑</a>
                </div>
                <ul>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/qzix1hjR1Gu04VZEM3MV.png">
                            <span>荣耀2</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/17h6tCgtN1qZWmbWV6kJ.png">
                            <span>HUAWEI P系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/1jCsRl3lu5mrqD4Oy37d.png">
                            <span>HUAWEI Mate系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/rPzFyIRhovqmj0xTAHRJ.png">
                            <span>荣耀畅玩系列</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <div>
                    <a href="javascript:;">智能穿戴</a>
                    <a href="javascript:;">手环</a>
                    <a href="javascript:;">手表</a>
                    <a href="javascript:;">VR</a>
                </div>
                <ul>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/qzix1hjR1Gu04VZEM3MV.png">
                            <span>荣耀3</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/17h6tCgtN1qZWmbWV6kJ.png">
                            <span>HUAWEI P系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/1jCsRl3lu5mrqD4Oy37d.png">
                            <span>HUAWEI Mate系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/rPzFyIRhovqmj0xTAHRJ.png">
                            <span>荣耀畅玩系列</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <div>
                    <a href="javascript:;">智能家居</a>
                    <a href="javascript:;">路由器</a>
                    <a href="javascript:;">电视盒子</a>
                    <a href="javascript:;">照明</a>
                </div>
                <ul>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/qzix1hjR1Gu04VZEM3MV.png">
                            <span>荣耀4</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/17h6tCgtN1qZWmbWV6kJ.png">
                            <span>HUAWEI P系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/1jCsRl3lu5mrqD4Oy37d.png">
                            <span>HUAWEI Mate系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/rPzFyIRhovqmj0xTAHRJ.png">
                            <span>荣耀畅玩系列</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <div>
                    <a href="javascript:;">热销配件</a>
                    <a href="javascript:;">保护壳</a>
                    <a href="javascript:;">移动电源</a>
                    <a href="javascript:;">耳机</a>
                </div>
                <ul>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/qzix1hjR1Gu04VZEM3MV.png">
                            <span>荣耀5</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/17h6tCgtN1qZWmbWV6kJ.png">
                            <span>HUAWEI P系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/1jCsRl3lu5mrqD4Oy37d.png">
                            <span>HUAWEI Mate系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/rPzFyIRhovqmj0xTAHRJ.png">
                            <span>荣耀畅玩系列</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <div>
                    <a href="javascript:;">增值服务</a>
                    <a href="javascript:;">服务器</a>
                    <a href="javascript:;">AI计算平台</a>
                </div>
                <ul>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/qzix1hjR1Gu04VZEM3MV.png">
                            <span>荣耀6</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/17h6tCgtN1qZWmbWV6kJ.png">
                            <span>HUAWEI P系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/1jCsRl3lu5mrqD4Oy37d.png">
                            <span>HUAWEI Mate系列</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            <img class=""
                                src="https://res.vmallres.com/pimages//pages/navigation/rPzFyIRhovqmj0xTAHRJ.png">
                            <span>荣耀畅玩系列</span>
                        </a>
                    </li>
                </ul>
                <h3></h3>
            </li>
        </ul>
        <!-- 下菜单 -->
        <div class="middle_menu">
            <div class="menu_left">
                <img src="https://res.vmallres.com/20190430/images/echannel/misc/img_not_logged_in.png" alt="">
                <div class="login_stuff">
                    <div class="login relogin" style="position:relative">
                        您好！请<a href="javascript:;" class="loginlink" data-toggle="modal" data-target="#myModal">登录</a>
                        <span>/</span>
                        <a href="http://localhost/huawei/zhuce.html">注册</a>
                    </div>
                    <a href="javascript:;">新人福利</a>
                    <a href="javascript:;">会员频道</a>
                </div>
            </div>
            <div class="menu_center">
                <a href="javascript:;">
                    <div>

                    </div>
                    <span>企业购特惠</span>
                </a>
                <a href="javascript:;">
                    <div>

                    </div>
                    <span>以旧换新</span>
                </a>
                <a href="javascript:;">
                    <div>

                    </div>
                    <span>会员领券</span>
                </a>
                <a href="javascript:;">
                    <div>

                    </div>
                    <span>新品优享购</span>
                </a>
                <a href="javascript:;">
                    <div>

                    </div>
                    <span>荣耀数码</span>
                </a>
                <a href="javascript:;">
                    <div>

                    </div>
                    <span>华为数码</span>
                </a>
            </div>
            <div class="menu_right">
                <div class="m_righttop">
                    <span>公告</span>
                    <div class="swiper-container2">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><a href="javascript:;"><img src="img/bg1.jpg" alt=""></a></div>
                            <div class="swiper-slide"><a href="javascript:;"><img src="img/bg2.jpg" alt=""></a></div>
                            <div class="swiper-slide"><a href="javascript:;"><img src="img/bg3.jpg" alt=""></a></div>
                        </div>
                    </div>
                </div>
                <div class="m_rightbottom">
                    <a href="javascript:;">
                        <div>

                        </div>
                        <span>优购码</span>
                    </a>
                    <a href="javascript:;">
                        <div>

                        </div>
                        <span>实名认证</span>
                    </a>
                    <a href="javascript:;">
                        <div>

                        </div>
                        <span>补购保障</span>
                    </a>
                </div>
            </div>
        </div>
        <!-- banner轮播图 -->
        <div class="swiper-container swiper-container-initialized swiper-container-horizontal">

            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="http://localhost/huawei/goodslist.html?"><img src="img/bg1.jpg"
                            alt=""></a></div>
                <div class="swiper-slide"><a href="http://localhost/huawei/goodslist.html?"><img src="img/bg2.jpg"
                            alt=""></a></div>
                <div class="swiper-slide"><a href="http://localhost/huawei/goodslist.html?"><img src="img/bg3.jpg"
                            alt=""></a></div>
                <div class="swiper-slide"><a href="http://localhost/huawei/goodslist.html?"><img src="img/bg4.jpg"
                            alt=""></a></div>
                <div class="swiper-slide"><a href="http://localhost/huawei/goodslist.html?"><img src="img/bg5.jpg"
                            alt=""></a></div>
                <div class="swiper-slide"><a href="http://localhost/huawei/goodslist.html?"><img src="img/bg6.jpg"
                            alt=""></a></div>
                <div class="swiper-slide"><a href="http://localhost/huawei/goodslist.html?"><img src="img/bg7.jpg"
                            alt=""></a></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- 如果需要滚动条 -->
            <!-- <div class="swiper-scrollbar"></div> -->

        </div>
    </div>
    <!-- 广告和登录 -->
    <div id="adv">
        <a href="javascript:;"><img src="https://res.vmallres.com/pimages//pages/adsImages/QFKai8QO0IuQkBi4ObRC.jpg"
                alt=""></a>
        <a href="javascript:;"><img src="https://res.vmallres.com/pimages//pages/adsImages/YMYyB6eBOo1DFC4VebEX.jpg"
                alt=""></a>
        <a href="javascript:;"><img src="https://res.vmallres.com/pimages//sale/2019-04/PFGnosrJ18gPrxZmpUAu.jpg"
                alt=""></a>
        <a href="javascript:;"><img src="https://res.vmallres.com/pimages//sale/2019-04/MyUoeZBwp3A5SWAZP84r.jpg"
                alt=""></a>
    </div>
    <!-- 热销单品 -->
    <div id="goods_list">
        <h6>热销单品</h6>
        <ul class="thelist">
        </ul>
    </div>
    <!-- 底部 -->
    <!-- <div id="footer">

    </div> -->
    <div id="footer-container" style="padding-bottom: 0px;">
        <div class="footer">
            <div class="footer-warrant-area clearfix">
                <p class="footer-warrant-logo fl"><a href="https://www.vmall.com"><img
                            src="https://res.vmallres.com/pimages//sale/2019-01/wLelYbpMVWbj9Xpaa5Fk.png"
                            title="华为商城"></a></p>
                <div class="fl">
                    <ul class="footer-warrant-link">
                        <li><a href="https://www.huawei.com/cn/">华为集团</a></li>
                        <li><a href="https://consumer.huawei.com/cn/">华为CBG官网</a></li>
                        <li><a href="http://www.honor.cn/">荣耀官网</a></li>
                        <li><a href="https://club.huawei.com/">花粉俱乐部</a></li>
                        <li><a href="http://appstore.huawei.com/">华为应用市场</a></li>
                        <li><a href="https://emui.huawei.com/cn/">EMUI</a></li>
                        <li><a href="https://cloud.huawei.com">华为终端云空间</a></li>
                        <li><a href="https://developer.huawei.com/cn/">开发者联盟</a></li>
                        <li><a href="https://m.vmall.com/">华为商城手机版</a></li>
                        <li><a href="https://www.vmall.com/shopdc/sitemap.html">网站地图</a></li>
                    </ul>
                    <a href="https://www.vmall.com/help/faq-2635.html" rel="nofollow" target="_blank"
                        title="隐私声明">隐私声明</a> <a href="https://www.vmall.com/help/faq-778.html" rel="nofollow"
                        target="_blank" title="服务协议">服务协议</a> <a href="https://www.vmall.com/help/faq-11810.html"
                        rel="nofollow" target="_blank" title="COOKIES">COOKIES</a> Copyright © 2012-2019 华为终端有限公司 版权所有
                    <a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备19015064号-4</a><em>|</em><a
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44190002003939"
                        target="_blank">粤公网安备 44190002003939号</a><em>|</em>备案主体编号：44201919072182
                </div>
                <p class="fr footer-warrant-img"><a class="fl"
                        href="http://privacy.truste.com/privacy-seal/validation?rid=81be9ca0-c821-4e2c-ad4b-ff7cff98f75f&amp;lang=zh-cn"
                        rel="nofollow" target="_blank"><img alt="TRUSTe隐私认证"
                            src="https://res.vmallres.com/pimages//sale/2018-05/20180522101715775.jpg"
                            title="TRUSTe隐私认证"></a> <a class="fl"
                        href="https://res.vmallres.com/pimages///sale/2019-04/Vhy8y3yxVJXg0FE74dh0.png"
                        target="_blank"><img alt="电子营业执照"
                            src="https://res.vmallres.com/pimages//template/content/2016/20160226162415360.png"
                            title="电子营业执照"></a></p>
            </div>
        </div>
    </div>





    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        登录
                    </h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label for="firstname" class="col-sm-2 control-label">姓名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="username" placeholder="请输入名字">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="lastname" class="col-sm-2 control-label">密码</label>
                            <div class="col-sm-10">
                                <input type="password" class="form-control" id="password" placeholder="请输入密码">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="firstname" class="col-sm-2 control-label">班级</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="classname" placeholder="选填">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="firstname" class="col-sm-2 control-label">备注</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="remark" placeholder="选填">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" id='yesorno'> 7天免登录
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <!-- <button type="submit" class="btn btn-default">登录</button> -->
                                <a href="javascript:;" style="text-decoration:underline;color: cadetblue">忘记密码？</a>
                            </div>
                        </div>
                    </form>


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                    <button type="button" class="btn btn-primary" id='abc'>
                        登录
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <SCript>
        var swiper = new Swiper('.swiper-container', {
            slidesPerView: 1,  //同时显示的slide数量
            spaceBetween: 30,  //图片间隔
            centeredSlides: true,  //居中显示
            loop: true,  //环路
            paginationClickable: true,
            autoplay: {  //自动
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {  //分页器导航
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });

        var swiper2 = new Swiper('.swiper-container2', {
            slidesPerView: 1,
            spaceBetween: 0,
            centeredSlides: true,
            loop: true,
            direction: 'vertical',
            autoplay: {  //自动
                delay: 2500,
                disableOnInteraction: false,
            },
            //pagination: '.swiper-p2',


            // paginationClickable: true,  //点击分页器跳转

            mousewheelControl: true
        });
    </SCript>
    <script src="js/ajax.js"></script>
    <script src="js/havelogin.js"></script>
    <script src="js/goodz.js"></script>
    <script src="js/goodslist.js"></script>
</body>

</html>